<!DOCTYPE html>
<?php include ("bloqueDeSeguridad.php"); ?>
<html>
    <head>
        <meta charset="utf-8">
        <!-- Force latest IE rendering engine or ChromeFrame if installed -->
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
        <?php include 'plantilles/plantillacap.php'; ?>
        <?php include 'headespec/responsableH.php'; ?>
        

    </head>
    <body>
        <?php include 'plantilles/plantilla.php'; ?>
        <?php include 'plantilles/plantillac1.php'; ?>
        <h3>Responsables<input id="afegir" type="submit" class="planButton" value="Afegir"/></h3>

        <ul class="enl">
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Manuel Lopez Escribano
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Jordi Puig Cardedeu
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    Maria Cornellà Esplugues
                </a>
            </li>
        </ul>
        <?php include 'plantilles/plantillac1p.php'; ?>
        <?php include 'plantilles/plantillac3.php'; ?>
        <h3>Detalls de Responsable</h3>
        <a target="_BLANK"  href="http://www.puntsoft.com">
            Maria Cornellà Esplugues
        </a>
        <ul class="tabs">
            <li><a href="#tab1">Dades</a></li>
            <li><a href="#tab2">Tasques</a></li>
        </ul>

        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            mcornella
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Organització
                        </label>
                    </p>
                    <p>
                        <select name="organitzacio" class="planformSelect">
                            <option value="0">Ribera Baixa</option>
                            <option value="5">Illa de Banyols</option>
                            <option value="7">Provençana</option>
                            <option value="10">Llobregat</option>
                        </select> 
                    </p>
                    <p>
                        <label class="planformL">
                            Contrasenya
                        </label>
                    </p>
                    <p>
                        <input id="contrasenya" name="contrasenya" class="planformI" type="password">
                    </p>
                    <p>
                        <label class="planformL">
                            Nom
                        </label>
                    </p>
                    <p>
                        <input id="nom" name="nom" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Cognom 1
                        </label>
                    </p>
                    <p>
                        <input id="cognom1" name="cognom1" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Cognom 2
                        </label>
                    </p>
                    <p>
                        <input id="cognom2" name="cognom2" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Telèfon
                        </label>
                    </p>
                    <p>
                        <input id="telefon" name="telefon" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Correu
                        </label>
                    </p>
                    <p>
                        <input id="correu" name="correu" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Foto
                        </label>
                    </p>

                    <p>
                        <input id="actualitzar" type="submit" class="planformsubmit" value="Actualitzar"/>
                    </p>
                </form>

                <div class="container">
                    <!-- The file upload form used as target for the file upload widget -->
                    <form id="fileupload" action="fileup/server/php/" method="POST" enctype="multipart/form-data">
                        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                        <div class="row fileupload-buttonbar">
                            <div class="span7">
                                <!-- The fileinput-button span is used to style the file input field as button -->
                                <span class="btn btn-success fileinput-button">
                                    <i class="icon-plus icon-white"></i>
                                    <span>Add files...</span>
                                    <input type="file" name="files[]" multiple>
                                </span>
                                <button type="submit" class="btn btn-primary start">
                                    <i class="icon-upload icon-white"></i>
                                    <span>Start upload</span>
                                </button>
                                <button type="reset" class="btn btn-warning cancel">
                                    <i class="icon-ban-circle icon-white"></i>
                                    <span>Cancel upload</span>
                                </button>
                                <button type="button" class="btn btn-danger delete">
                                    <i class="icon-trash icon-white"></i>
                                    <span>Delete</span>
                                </button>
                                <input type="checkbox" class="toggle">
                            </div>
                            <!-- The global progress information -->
                            <div class="span5 fileupload-progress fade">
                                <!-- The global progress bar -->
                                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <div class="bar" style="width:0%;"></div>
                                </div>
                                <!-- The extended global progress information -->
                                <div class="progress-extended">&nbsp;</div>
                            </div>
                        </div>
                        <!-- The loading indicator is shown during file processing -->
                        <div class="fileupload-loading"></div>
                        <br>
                        <!-- The table listing the files available for upload/download -->
                        <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
                    </form>
                    <br>

                </div>
                <!-- modal-gallery is the modal dialog used for the image gallery -->
                <div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd">
                    <div class="modal-header">
                        <a class="close" data-dismiss="modal">&times;</a>
                        <h3 class="modal-title"></h3>
                    </div>
                    <div class="modal-body"><div class="modal-image"></div></div>
                    <div class="modal-footer">
                        <a class="btn modal-download" target="_blank">
                            <i class="icon-download"></i>
                            <span>Download</span>
                        </a>
                        <a class="btn btn-success modal-play modal-slideshow" data-slideshow="5000">
                            <i class="icon-play icon-white"></i>
                            <span>Slideshow</span>
                        </a>
                        <a class="btn btn-info modal-prev">
                            <i class="icon-arrow-left icon-white"></i>
                            <span>Previous</span>
                        </a>
                        <a class="btn btn-primary modal-next">
                            <span>Next</span>
                            <i class="icon-arrow-right icon-white"></i>
                        </a>
                    </div>
                </div>
                <!-- The template to display files available for upload -->
                <script id="template-upload" type="text/x-tmpl">
                    {% for (var i=0, file; file=o.files[i]; i++) { %}
                    <tr class="template-upload fade">
                        <td class="preview"><span class="fade"></span></td>
                        <td class="name"><span>{%=file.name%}</span></td>
                        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
                        {% if (file.error) { %}
                        <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
                        {% } else if (o.files.valid && !i) { %}
                        <td>
                            <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
                        </td>
                        <td class="start">{% if (!o.options.autoUpload) { %}
                            <button class="btn btn-primary">
                                <i class="icon-upload icon-white"></i>
                                <span>{%=locale.fileupload.start%}</span>
                            </button>
                            {% } %}</td>
                        {% } else { %}
                        <td colspan="2"></td>
                        {% } %}
                        <td class="cancel">{% if (!i) { %}
                            <button class="btn btn-warning">
                                <i class="icon-ban-circle icon-white"></i>
                                <span>{%=locale.fileupload.cancel%}</span>
                            </button>
                            {% } %}</td>
                    </tr>
                    {% } %}
                    </script>
                    <!-- The template to display files available for download -->
                    <script id="template-download" type="text/x-tmpl">
                        {% for (var i=0, file; file=o.files[i]; i++) { %}
                        <tr class="template-download fade">
                            {% if (file.error) { %}
                            <td></td>
                            <td class="name"><span>{%=file.name%}</span></td>
                            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
                            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
                            {% } else { %}
                            <td class="preview">{% if (file.thumbnail_url) { %}
                                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                                {% } %}</td>
                            <td class="name">
                                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
                            </td>
                            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
                            <td colspan="2"></td>
                            {% } %}
                            <td class="delete">
                                <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
                                    <i class="icon-trash icon-white"></i>
                                    <span>{%=locale.fileupload.destroy%}</span>
                                </button>
                                <input type="checkbox" name="delete" value="1">
                            </td>
                        </tr>
                        {% } %}
                        </script>


                    </div>
                    <div id="tab2" class="tab_content">
                        <div id='calendar'></div>
                    </div>

                </div>


                <?php include 'plantilles/plantillac3p.php'; ?>
                <?php include 'plantilles/plantillac2.php'; ?>
                <h3>Avui</h3>
                <div id='calendaravui'></div>
                <?php include 'plantilles/plantillac2p.php'; ?>
                <?php include 'plantilles/plantillap.php'; ?>
            </body>
        </html>
